<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Zakat Energy Indonesia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.dropotron-1.0.js"></script>
<script type="text/javascript" src="jquery.slidertron-1.1.js"></script>
<script type="text/javascript">
	$(function() {
		$('#menu > ul').dropotron({
			mode: 'fade',
			globalOffsetY: 11,
			offsetY: -15
		});
		$('#slider').slidertron({
			viewerSelector: '.viewer',
			indicatorSelector: '.indicator span',
			reelSelector: '.reel',
			slidesSelector: '.slide',
			speed: 'slow',
			advanceDelay: 4000
		});
	});
</script>
</head>
<body>
	<div class="top_right">
    	&nbsp;&nbsp;&nbsp;<a href=dashboard/login.php>Login</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="signup.php">Daftar</a>&nbsp;&nbsp;&nbsp;
	</div>
<div id="wrapper">	
	<div id="header">
    <div id="symbol">
      <img src="images/ZEI.png" alt="" width="133" height="150" /> </div>
		<div id="logo">
			<h1><a href="index.php">Zakat Energy Indonesia</a></h1>
		</div>
		<div id="slogan">
		  <h2>"Karena Berbagi Itu Indah"</h2>
		</div>
  </div>
	<div id="menu">
				<ul>
					<li><a href="index.php">Beranda</a></li>
					<li><a href="zakat.php">Zakat</a></li>
					<li><a href="tentang.php">Tentang Kami</a></li>
					<li><a href="partner.php">Rekanan</a></li>
					<li><a href="kontak.php">Kontak</a></li>
				</ul>
		<br class="clearfix" />
	</div>
	<div id="slider">
		<div class="viewer">
			<div class="reel">
				<div class="slide">
					<a href='#'>
					<img src="images/slide01.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide02.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide03.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide04.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide05.jpg" alt="" />
				</div>
			</div>
		</div>
		<div class="indicator">
			<span>1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
			<span>5</span>
		</div>
	</div>
	<div id="page">
		<div id="content">
			<div class="box">
				<h2>Selamat Datang Di Zakat Energy Indonesia</h2>
				<p> Ummat Islam adalah ummat yang mulia, ummat yang dipilih Allah untuk mengemban risalah, agar mereka menjadi saksi atas segala ummat. Tugas ummat Islam adlah mewujudkan kehidupan yang adil, makmur, tentram dan sejahtera dimanapun mereka berada. Karena itu ummat Islam seharusnya menjadi rahmat bagi sekalian alam. </p>
				  <p>
				  Bahwa kenyataan ummat Islam kini jauh dari kondisi ideal, adalah akibat belum mampu mengubah apa yang ada pada diri mereka sendiri (QS. Ar-Ra'du : 11). Potensi-potensi dasar yang dianugerahkan Allah kepada ummat Islam belum dikembangkan secara optimal. Padahal ummat Islam memiliki banyak intelektual dan ulama, disamping potensi sumber daya manusia dan ekonomi yang melimpah. Jika seluruh potensi itu dikembangkan secara seksama, dirangkai dengan potensi <em>aqidah Islamiyah</em> (tauhid), tentu akan diperoleh hasil yang optimal. Pada saat yang sama, jika kemandirian, kesadaran beragama dan <em>ukhuwah Islamiyah</em> kaum muslimin juga makin meningkat maka pintu-pintu kemungkaran akibat kesulitan ekonomi akan makin dapat dipersempit. </p>
			</div>
			<div class="box" id="content-box1">
				<h3>Galery Kegiatan</h3>
				<ul class="section-list">
					<li class="first">
						<img class="pic alignleft" src="images/pic01.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 1 di tempat 1 pada tanggal 1.</span>
					</li>
					<li>
						<img class="pic alignleft" src="images/pic02.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 2 di tempat 2 pada tanggal 2.</span>
					</li>
					<li class="last">
						<img class="pic alignleft" src="images/pic03.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 3 di tempat 3 pada tanggal 3.</span>
					</li>
				</ul>
			</div>
			<div class="box" id="content-box2">
				<h3>Partner</h3>
				<p>
					Partner yang telah bekerjasama dengan Zakat Energy Indonesia.
				</p>
				<ul class="list">
					<li class="first"><a href="#">Masjid Al Ittihad</a></li>
					<li><a href="#">Masjid Al Aulaa</a></li>
					<li><a href="#">Masjid Al Barkah</a></li>
					<li><a href="#">Masjid Al Azhar</a></li>
					<li class="last"><a href="#">Masjid Al Bina</a></li>
				</ul>
			</div>
			<br class="clearfix" />
		</div>
		<div id="sidebar">
			<div class="box">
				<h3></h3>

                
		</div>
			<div class="box">
				<h3>Info Kegiatan</h3>
				<div class="date-list">
					<ul class="list date-list">
						<li class="first"><span class="date">2/08</span> <a href="#">Kegiatan 1</a></li>
						<li><span class="date">2/05</span> <a href="#">Kegiatan 2</a></li>
						<li><span class="date">2/01</span> <a href="#">Kegiatan 3</a></li>
						<li class="last"><span class="date">1/31</span> <a href="#">Kegiatan 4</a></li>
					</ul>
				</div>
			</div>
		</div>
		<br class="clearfix" />
	</div>
	<div id="page-bottom">
		<div id="page-bottom-content">
			<h3></h3>
			<p>
				
			</p>
		</div>
		<div id="page-bottom-sidebar">
			<!--<h3></h3>
			<ul class="list">
				<li class="first"><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li class="last"><a href="#"></a></li>
			</ul>-->
		</div>
		<br class="clearfix" />
	</div>
</div>
<div id="footer">
	Copyright (c) 2012 zakatenergi.org All rights reserved.</a>.
</div>
</body>
</html>